<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="jquery/jquery-1.7.js"></script>
	<script type="text/javascript" src="jquery.submenu-1.0/jquery.submenu-1.0.js"></script>
	<link rel="stylesheet" href="jquery.submenu-1.0/jquery.submenu-1.0.css">
	<script type="text/javascript">
		$(function(){
			$("#menu").submenu();
			// $("#menu").submenu().hide();
		});
	</script>
</head>
<body>
	<div id="menu">
		<ul>
			<li>Menu1
				<div>
					<a href="#">submenu1</a>
					<a href="#">submenu2</a>
					<a href="#">submenu3</a>
					<a href="#">submenu4</a>
				</div>
			</li>
			<li>Menu2
				<div>
					<a href="#">submenu1</a>
					<a href="#">submenu2</a>
					<a href="#">submenu3</a>
					<a href="#">submenu4</a>
				</div>
			</li>
			<li>Menu3
				<div>
					<a href="#">submenu1</a>
					<a href="#">submenu2</a>
					<a href="#">submenu3</a>
					<a href="#">submenu4</a>
				</div>
			</li>
			<li>Menu4
				<div>
					<a href="#">submenu1</a>
					<a href="#">submenu2</a>
					<a href="#">submenu3</a>
					<a href="#">submenu4</a>
				</div>
			</li>
			<li>Menu5
				<div>
					<a href="#">submenu1</a>
					<a href="#">submenu2</a>
					<a href="#">submenu3</a>
					<a href="#">submenu4</a>
				</div>
			</li>
			<li>Menu6
				<div>
					<a href="#">submenu1</a>
					<a href="#">submenu2</a>
					<a href="#">submenu3</a>
					<a href="#">submenu4</a>
				</div>
			</li>
		</ul>
	</div>
</body>
</html>